// 导入 react 和 react-dom
import React from 'react'
// React17 写法
// import ReactDOM from 'react-dom'
// React18 写法，多了 /client
import ReactDOM from 'react-dom/client'

// 创建元素(虚拟DOM)
// React.createElement('标签名', 标签属性, 标签内容)
const title = React.createElement('h1', null, 'hello react') // <h1>hello react</h1>

// render 渲染函数：把创建的元素写入到 root 容器中
// ReactDOM.render(title, document.getElementById('root'))

// 渲染react元素，React18写法，先创建跟节点，再渲染
ReactDOM.createRoot(document.getElementById('root')).render(title)
